<template>
      <div class="matching">
      	<div class="description_head">
    		<span class="big_description_span"></span>
    		<span class="big_description_span1">职位透镜 : </span>
    	</div>
    	<p class="matching_p">您与该职位的匹配度</p>
    	<div class="matching_Progress">
    		<Progress :percent="25" :stroke-width="10" />
    	</div>
      </div>
</template>

<script>
	export default {
    	name: 'Matching',
        data () {
            return {
            }
        }
    }
</script>

<style scoped>
	.matching{
		padding-left: 30px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 30px;
	}
	.big_description_span{
		width: 3px;
		height: 18px;
		background: #2D8CF0;
		display: inline-block;
		position: relative;
		top: 4px;
		margin-right: 5px;
	}
	.big_description_span1{
		font-size: 15px;
		font-weight: 700;
	}
	.matching_p{
		margin-top: 10px;
		font-size: 14px;
		padding-left: 10px;
	}
	.matching_Progress{
		margin-top: 25px;
		padding-left: 10px;
	}
</style>